﻿<html>
<head>
    <title>领取流量活动</title>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=640,minimum-scale=0.5,maximum-scale=0.5,initial-scale=0.5">
    <script src="js/common/js/jquery.js"></script>
    <script src="js/common/js/underscore.js"></script>
    <script src="js/common/js/backbone.js"></script>
    <script src="js/common/js/Framework.js"></script>
    <script src="js/common/js/template.js"></script>
    <script src="js/common/js/swiper.min.js"></script>
    <script src="js/common/js/viewport.js"></script>
    <!--page-->
    <link rel="stylesheet" href="css/module/page/page.css"/>
    <script type='text/html' id='pageTpl'>
    <!--领取状态-->
    <div class="first-view">
        <div class="main-title">
            <div class="logo">
                <img src="{{logo}}">
            </div>
        </div>
        <div class="warning-tips">
            流量兑换只有60分钟有效期，请尽快兑换!
        </div>
        <div class="exchange-container">
            <input id="js_tel">
            <div class="btn js_btn"></div>
            <div class="logo">
                <img src="{{logo}}">
            </div>
        </div>
        <div class="rule-title">兑换规则</div>
        <div class="js_rule_container rule-container"></div>
    </div>

</script>
    <script src="js/module/page/page.js"></script>
    <style type="text/css">
        body{
            width: 640px;
            margin: 0 auto;
            padding: 0;
            background-color: #43cdc0;
        }
        .page-container{
            width: 640px;
            margin: 0 auto;
        }
        .fleft{
            float: left;
        }
        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }
    </style>
</head>
<body>
<div class="page-container">
    <div id="js_page_wrap">
    </div>
</div>
</body>
</html>
<script>
    var page = new Page({
        el:"#js_page_wrap"
    });

</script>
